<template>
	<ucs-svg :width="size" :height="size" :src="iconSvg" />
</template>
<script setup lang="uts">
	/**
	 * @description 《坚果》图标
	 * @tutorial https://ucs.cloudsimpler.com/library/ucs-iconPark
	 * @property {Number} size 图标大小
	 * @property {Number} strokeWidth 线段粗细
	 * @property {String} theme 图标大小
	 * @property {Array<string>} fill 图标颜色，["外部描边颜色","外部填充颜色","内部描边颜色","内部填充颜色"]
	 * @property {String} strokeLinecap 图标大小
	 * @property {String} strokeLinejoin 图标大小
	 */
	import { colors, IiconParkProps } from "../../mixins/iconParkMixin.uts";
	import { computed } from "vue";
	
	const props = withDefaults(defineProps<IiconParkProps>(), {
		size: 24,
		strokeWidth: 4,
		theme: 'outline',
		fill: ["#000000"],
		strokeLinecap: 'round',
		strokeLinejoin: 'round'
	});

	const iconSvg = computed(() : string => {
		return `<?xml version="1.0" encoding="UTF-8"?><svg width="${props.size}" height="${props.size}" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M37.6988 6C37.172 6.53445 35.2393 8.67227 34.0096 9.74118C33.8339 10.2756 36.1178 12.4134 36.6448 12.9479C37.1718 13.4824 43.4958 9.74118 42.9688 9.20672C42.5472 8.77916 39.2798 6.89076 37.6988 6Z" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/><path d="M11.3719 16.7217C11.36 16.634 11.3502 16.5462 11.3424 16.4585C9.4559 18.2893 8.01647 20.3906 7.0427 22.6001C8.63583 22.934 9.83221 24.3469 9.83221 26.0393C9.83221 27.9799 8.259 29.5531 6.31834 29.5531C6.04958 29.5531 5.78787 29.523 5.5364 29.4658C5.51575 33.0119 6.68525 36.4207 9.11654 39.0671C12.6211 42.8817 17.9257 44.218 23.1469 43.1314C26.3597 42.4628 29.541 40.8768 32.2518 38.3863C33.5954 37.152 34.7273 35.7837 35.6415 34.3347C33.4171 35.0047 30.9668 33.9228 30.0408 31.7373C29.5786 30.6464 28.6198 29.8445 27.4644 29.5823L25.7817 29.2005C23.8508 28.7623 22.2625 27.3956 21.5413 25.5516L21.4507 25.32C20.6588 23.2954 18.7636 21.9145 16.5937 21.7812C13.9334 21.6177 11.7597 19.5965 11.4034 16.9551L11.3719 16.7217Z" fill="${colors(props.theme, props.fill, 1)}" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/><path d="M13.1544 11.6583L12.9027 11.9274C11.6986 13.2147 11.1367 14.975 11.3724 16.7218L11.4039 16.9553C11.7602 19.5967 13.9339 21.6178 16.5942 21.7813C18.7641 21.9147 20.6592 23.2955 21.4511 25.3201L21.5417 25.5517C22.263 27.3957 23.8513 28.7624 25.7822 29.2006L27.4649 29.5824C28.6203 29.8446 29.579 30.6465 30.0413 31.7374C31.0372 34.0878 33.7959 35.1617 36.1408 34.153C38.5094 33.134 40.2249 30.9542 40.6235 28.4068L40.8314 27.0776C40.9435 26.3613 40.9768 25.635 40.9308 24.9115L40.8234 23.2211C40.607 19.8167 39.3876 16.5526 37.3188 13.8402L37.0669 13.51C35.3158 11.214 32.9685 9.4422 30.2806 8.38727C27.9571 7.47542 25.4507 7.12735 22.9667 7.37161L21.5614 7.50979C18.3483 7.82575 15.36 9.30035 13.1544 11.6583Z" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/></svg>`
	});
</script>